<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>首页</title>
    <link rel="stylesheet" href="./layui/css/layui.css">
    <link rel="stylesheet" type="text/css" href="./css/base.css">
</head>

<body>
    <!-- 首页 HTML 代码 -->
    <header>
        <div class="flex_bgc flex-between-center">
            <div id="header-Logo">
                <p>湖南省科技金融服务</p>
                <p>中心线上平台</p>
            </div>
            <ul class="layui-nav" style="background-color: #001A4D;">
                <li class="layui-nav-item layui-this"><a href="javaScript:;">首页</a></li>
                <li class="layui-nav-item"><a href="./financingServices.html">融资服务</a></li>
                <li class="layui-nav-item"><a href="./financialProducts.html">金融产品</a></li>
                <li class="layui-nav-item"><a href="./financialInstitution.html">金融机构</a></li>
                <li class="layui-nav-item"><a href="./innovation.html">科技创新板块</a></li>
                <li class="layui-nav-item"><a href="./technologyService.html">科技服务</a></li>
                <li class="layui-nav-item"><a href="./policyGuidelines.html">政策指南</a></li>
                <li class="layui-nav-item"><a href="./innovationInformation.html">创新咨询</a></li>
                <li class="layui-nav-item"><a href="./resourceServices.html">资源服务</a></li>
                <li class="layui-nav-item"><a href="./aboutUs.html">关于我们</a></li>
            </ul>
            <div class="header-login">
                <a href="./components/register.html">登录</p>
            </div>
        </div>
        <div class="head_top flex-center-center">
            <div style="text-align: center;">
                <!-- <p style="font-size: 50px;font-weight: 600;">精准对接 高效服务</p>
                <p style="font-size: 20px;margin-top: 20px;color: #d3dce7;">助力企业发展/促进机构转型</p> -->
                <img src="./image/home/title.png">
            </div>
            <div class="head_top-box">
                <ul>
                    <li>
                        <div>
                            <img src="./image/home/Frame.png" style="margin-right: 5px;">
                        </div>
                        <div>
                            <p><span style="font-size: 25px;color: #72A1FF;">128</span> 家</p>
                            <p style="color: #a7adb7;">认证企业数</p>
                        </div>
                    </li>
                    <li>
                        <div>
                            <img src="./image/home/build.png" style="margin-right: 5px;">
                        </div>
                        <div>
                            <p><span style="font-size: 25px;color: #72A1FF;">128</span> 家</p>
                            <p style="color: #a7adb7;">金融机构数</p>
                        </div>
                    </li>
                    <li>
                        <div>
                            <img src="./image/home/finance.png" style="margin-right: 5px;">
                        </div>
                        <div>
                            <p><span style="font-size: 25px;color: #72A1FF;">128</span> 家</p>
                            <p style="color: #a7adb7;">金融产品数</p>
                        </div>
                    </li>
                    <li>
                        <div>
                            <img src="./image/home/building.png" style="margin-right: 5px;">
                        </div>
                        <div>
                            <p><span style="font-size: 25px;color: #72A1FF;">128</span> 家</p>
                            <p style="color: #a7adb7;">企业申请数</p>
                        </div>
                    </li>
                    <li>
                        <div>
                            <img src="./image/home/money.png" style="margin-right: 5px;">
                        </div>
                        <div>
                            <p><span style="font-size: 25px;color: #72A1FF;">128</span> 家</p>
                            <p style="color: #a7adb7;">总授信金额</p>
                        </div>
                    </li>
                    <li>
                        <div>
                            <img src="./image/home/bankcard.png" style="margin-right: 5px;">
                        </div>
                        <div>
                            <p><span style="font-size: 25px;color: #72A1FF;">128</span> 家</p>
                            <p style="color: #a7adb7;">总放款金额</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </header>
    <main>
        <div class="main_content1">
            <div class="main_content1_btn flex-between">
                <div class="main_content1_btn-box flex-between-center">
                    <div class="flex-center" style="color: #fff;">
                        <img src="./image/home/Frame.png" style="margin-right: 5px;">
                        <div>
                            <p>申请贷款</p>
                            <p style="color: #a7adb7;">申请银行贷款</p>
                        </div>
                    </div>
                    <img src="./image/home/Frame.png" style="margin-right: 5px;">
                </div>
                <div class="main_content1_btn-box flex-between-center">
                    <div class="flex-center" style="color: #fff;">
                        <img src="./image/home/Frame.png" style="margin-right: 5px;">
                        <div>
                            <p>发布需求</p>
                            <p style="color: #a7adb7;">发布具体项目融资需求</p>
                        </div>
                    </div>
                    <img src="./image/home/Frame.png" style="margin-right: 5px;">
                </div>
                <div class="main_content1_btn-box flex-between-center">
                    <div class="flex-center" style="color: #fff;">
                        <img src="./image/home/Frame.png" style="margin-right: 5px;">
                        <div>
                            <p>申请政策</p>
                            <p style="color: #a7adb7;">申请政府资金项目补贴</p>
                        </div>
                    </div>
                    <img src="./image/home/Frame.png" style="margin-right: 5px;">
                </div>
                <div class="main_content1_btn-box flex-between-center">
                    <div class="flex-center" style="color: #fff;">
                        <img src="./image/home/Frame.png" style="margin-right: 5px;">
                        <div>
                            <p>金融活动</p>
                            <p style="color: #a7adb7;">参加金融机构等组织的活动</p>
                        </div>
                    </div>
                    <img src="./image/home/Frame.png" style="margin-right: 5px;">
                </div>
            </div>
            <div class="main_content1_mid">
                <div style="width: 20%;">
                    <h1>政策指南</h1>
                    <div style="color: #8b8eab;margin-top: 10px;">查看更多</div>
                </div>
                <div class="main_content1_mid-right">
                    <div class="layui-carousel" id="test1">
                        <div carousel-item>
                            <div>
                                <ul class="content1_right-ul">
                                    <li>
                                        <div class="layui-badge-dot disc"></div><span>国务院办公厅关于改革完善中央财政科研经费管理</span>
                                        <p>2023/05/14</p>
                                    </li>
                                    <li>
                                        <div class="layui-badge-dot disc"></div><span>国务院办公厅关于改革完善中央财政科研经费管理</span>
                                        <p>2023/05/14</p>
                                    </li>
                                    <li>
                                        <div class="layui-badge-dot disc"></div><span>国务院办公厅关于改革完善中央财政科研经费管理</span>
                                        <p>2023/05/14</p>
                                    </li>
                                    <li>
                                        <div class="layui-badge-dot disc"></div><span>国务院办公厅关于改革完善中央财政科研经费管理</span>
                                        <p>2023/05/14</p>
                                    </li>
                                </ul>
                            </div>
                            <div>
                                <ul class="content1_right-ul">
                                    <li>
                                        <div class="layui-badge-dot disc"></div><span>国务院办公厅关于改革完善中央财政科研经费管理</span>
                                        <p>2023/05/14</p>
                                    </li>
                                    <li>
                                        <div class="layui-badge-dot disc"></div><span>国务院办公厅关于改革完善中央财政科研经费管理</span>
                                        <p>2023/05/14</p>
                                    </li>
                                    <li>
                                        <div class="layui-badge-dot disc"></div><span>国务院办公厅关于改革完善中央财政科研经费管理</span>
                                        <p>2023/05/14</p>
                                    </li>
                                    <li>
                                        <div class="layui-badge-dot disc"></div><span>国务院办公厅关于改革完善中央财政科研经费管理</span>
                                        <p>2023/05/14</p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="main_content2">
            <div style="width: 100%;">
                <h1>实时资讯</h1>
                <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief"
                    style="display: flex;justify-content: space-between;">
                    <ul class="layui-tab-title main_content2-left">
                        <li class="layui-this">创新资讯</li>
                        <li>平台动态</li>
                        <li>通知公告</li>
                        <li>查看更多</li>
                    </ul>
                    <div class="layui-tab-content main_content2-right">
                        <div class="layui-tab-item layui-show">
                            <div class="flex-warp-between">
                                <div class="main_content2-box">
                                    <div style="display: flex;width: 100%;">
                                        <div class="main_content2-box-left">
                                            <div>
                                                <p style="font-size: 30px;">06-12</p>
                                                <p>2023</p>
                                            </div>
                                            <div></div>
                                        </div>
                                        <div class="main_content2-box-right">
                                            <div>
                                                国务院办公厅关于改革完善中央财政科研经费管理的若干意见
                                            </div>
                                            <p>助南非医疗物资交接仪式14日再约翰内斯堡奥坦博国际机场举行。南非热感谢中国义务子</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="main_content2-box">
                                    <div style="display: flex;width: 100%;">
                                        <div class="main_content2-box-left">
                                            <div>
                                                <p style="font-size: 30px;">06-12</p>
                                                <p>2023</p>
                                            </div>
                                            <div></div>
                                        </div>
                                        <div class="main_content2-box-right">
                                            <div>
                                                国务院办公厅关于改革完善中央财政科研经费管理的若干意见
                                            </div>
                                            <p>助南非医疗物资交接仪式14日再约翰内斯堡奥坦博国际机场举行。南非热感谢中国义务子</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="main_content2-box">
                                    <div style="display: flex;width: 100%;">
                                        <div class="main_content2-box-left">
                                            <div>
                                                <p style="font-size: 30px;">06-12</p>
                                                <p>2023</p>
                                            </div>
                                            <div></div>
                                        </div>
                                        <div class="main_content2-box-right">
                                            <div>
                                                国务院办公厅关于改革完善中央财政科研经费管理的若干意见
                                            </div>
                                            <p>助南非医疗物资交接仪式14日再约翰内斯堡奥坦博国际机场举行。南非热感谢中国义务子</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="main_content2-box">
                                    <div style="display: flex;width: 100%;">
                                        <div class="main_content2-box-left">
                                            <div>
                                                <p style="font-size: 30px;">06-12</p>
                                                <p>2023</p>
                                            </div>
                                            <div></div>
                                        </div>
                                        <div class="main_content2-box-right">
                                            <div>
                                                国务院办公厅关于改革完善中央财政科研经费管理的若干意见
                                            </div>
                                            <p>助南非医疗物资交接仪式14日再约翰内斯堡奥坦博国际机场举行。南非热感谢中国义务子</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="main_content2-box">
                                    <div style="display: flex;width: 100%;">
                                        <div class="main_content2-box-left">
                                            <div>
                                                <p style="font-size: 30px;">06-12</p>
                                                <p>2023</p>
                                            </div>
                                            <div></div>
                                        </div>
                                        <div class="main_content2-box-right">
                                            <div>
                                                国务院办公厅关于改革完善中央财政科研经费管理的若干意见
                                            </div>
                                            <p>助南非医疗物资交接仪式14日再约翰内斯堡奥坦博国际机场举行。南非热感谢中国义务子</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="main_content2-box">
                                    <div style="display: flex;width: 100%;">
                                        <div class="main_content2-box-left">
                                            <div>
                                                <p style="font-size: 30px;">06-12</p>
                                                <p>2023</p>
                                            </div>
                                            <div></div>
                                        </div>
                                        <div class="main_content2-box-right">
                                            <div>
                                                国务院办公厅关于改革完善中央财政科研经费管理的若干意见
                                            </div>
                                            <p>助南非医疗物资交接仪式14日再约翰内斯堡奥坦博国际机场举行。南非热感谢中国义务子</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-tab-item">内容2</div>
                        <div class="layui-tab-item">内容3</div>
                        <div class="layui-tab-item">内容4</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="main_content3">
            <h2 class="main_content3-title">融资需求</h2>
            <div class="flex-warp-between">
                <div class="main_content3-content">
                    <div class="flex-between-center">
                        <div>夷陵某建设新项目200万融资需求</div>
                        <p style="font-size: 24px;color: #fdb240;">300</p>
                    </div>
                    <div class="flex-between-center" style="margin: 10px 0 10px 20px;">
                        <div>
                            <span>类型</span><span> 债权融资服务</span>
                        </div>
                        <div>
                            <span>领域</span><span> 先进制造与装备</span>
                        </div>
                    </div>
                    <div style="margin: 10px 0 10px 20px;">
                        <div>
                            <span>单位</span><span> 绿色湘军-湘江节能环保写作平台</span>
                        </div>
                    </div>
                </div>
                <div class="main_content3-content">
                    <div class="flex-between-center">
                        <div>夷陵某建设新项目200万融资需求</div>
                        <p style="font-size: 24px;color: #fdb240;">300</p>
                    </div>
                    <div class="flex-between-center" style="margin: 10px 0 10px 20px;">
                        <div>
                            <span>类型</span><span> 债权融资服务</span>
                        </div>
                        <div>
                            <span>领域</span><span> 先进制造与装备</span>
                        </div>
                    </div>
                    <div style="margin: 10px 0 10px 20px;">
                        <div>
                            <span>单位</span><span> 绿色湘军-湘江节能环保写作平台</span>
                        </div>
                    </div>
                </div>
                <div class="main_content3-content">
                    <div class="flex-between-center">
                        <div>夷陵某建设新项目200万融资需求</div>
                        <p style="font-size: 24px;color: #fdb240;">300</p>
                    </div>
                    <div class="flex-between-center" style="margin: 10px 0 10px 20px;">
                        <div>
                            <span>类型</span><span> 债权融资服务</span>
                        </div>
                        <div>
                            <span>领域</span><span> 先进制造与装备</span>
                        </div>
                    </div>
                    <div style="margin: 10px 0 10px 20px;">
                        <div>
                            <span>单位</span><span> 绿色湘军-湘江节能环保写作平台</span>
                        </div>
                    </div>
                </div>
                <div class="main_content3-content">
                    <div class="flex-between-center">
                        <div>夷陵某建设新项目200万融资需求</div>
                        <p style="font-size: 24px;color: #fdb240;">300</p>
                    </div>
                    <div class="flex-between-center" style="margin: 10px 0 10px 20px;">
                        <div>
                            <span>类型</span><span> 债权融资服务</span>
                        </div>
                        <div>
                            <span>领域</span><span> 先进制造与装备</span>
                        </div>
                    </div>
                    <div style="margin: 10px 0 10px 20px;">
                        <div>
                            <span>单位</span><span> 绿色湘军-湘江节能环保写作平台</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="flex-center-center" style="margin-top: 10px;">
                <button type="button" class="layui-btn layui-btn-radius">
                    查看更多<i class="layui-icon layui-icon-right"></i>
                </button>
            </div>
        </div>
        <div class="main_content4">
            <div class="layui-tab">
                <div class="flex-between-center">
                    <h1>金融产品</h1>
                    <ul class="layui-tab-title">
                        <li class="layui-this">湘科贷</li>
                        <li>湘科投</li>
                        <li>湘科保</li>
                        <li>湘科板</li>
                    </ul>
                </div>
                <div class="layui-tab-content" style="height: 100px;">
                    <div class="layui-tab-item layui-show">
                        <div class="flex-between">
                            <div class="main_content4-box">
                                <div class="main_content4-box_title">
                                    <p>小企业抵押贷</p>
                                    <div>
                                        其他信用抵押
                                    </div>
                                </div>
                                <div class="main_content4-box_bottom">
                                    <div class="main_content4-box_bankLogo">
                                        <div style="margin-bottom: 20px;font-size: 18px;font-weight: 600;">
                                            中国工商银行
                                        </div>
                                        <p style="margin-bottom: 15px;font-size: 20px;color: #285fcc;">10万元 - 1000万元
                                        </p>
                                        <p style="margin-bottom: 15px;color: #9093af;">贷款额度</p>
                                    </div>
                                    <div>
                                        <p style="margin-bottom: 15px;"><span>参考利率</span>3.55%-4.65%</p>
                                        <p style="margin-bottom: 15px;"><span>贷款期限</span>7天-365天</p>
                                    </div>
                                    <button type="button" class="layui-btn" style="width: 100%;">查看详情</button>
                                </div>
                            </div>
                            <div class="main_content4-box">
                                <div class="main_content4-box_title">
                                    <p>小企业抵押贷</p>
                                    <div>
                                        其他信用抵押
                                    </div>
                                </div>
                                <div class="main_content4-box_bottom">
                                    <div class="main_content4-box_bankLogo">
                                        <div style="margin-bottom: 20px;font-size: 18px;font-weight: 600;">
                                            中国工商银行
                                        </div>
                                        <p style="margin-bottom: 15px;font-size: 20px;color: #285fcc;">10万元 - 1000万元
                                        </p>
                                        <p style="margin-bottom: 15px;color: #9093af;">贷款额度</p>
                                    </div>
                                    <div>
                                        <p style="margin-bottom: 15px;"><span>参考利率</span>3.55%-4.65%</p>
                                        <p style="margin-bottom: 15px;"><span>贷款期限</span>7天-365天</p>
                                    </div>
                                    <button type="button" class="layui-btn" style="width: 100%;">查看详情</button>
                                </div>
                            </div>
                            <div class="main_content4-box">
                                <div class="main_content4-box_title">
                                    <p>小企业抵押贷</p>
                                    <div>
                                        其他信用抵押
                                    </div>
                                </div>
                                <div class="main_content4-box_bottom">
                                    <div class="main_content4-box_bankLogo">
                                        <div style="margin-bottom: 20px;font-size: 18px;font-weight: 600;">
                                            中国工商银行
                                        </div>
                                        <p style="margin-bottom: 15px;font-size: 20px;color: #285fcc;">10万元 - 1000万元
                                        </p>
                                        <p style="margin-bottom: 15px;color: #9093af;">贷款额度</p>
                                    </div>
                                    <div>
                                        <p style="margin-bottom: 15px;"><span>参考利率</span>3.55%-4.65%</p>
                                        <p style="margin-bottom: 15px;"><span>贷款期限</span>7天-365天</p>
                                    </div>
                                    <button type="button" class="layui-btn" style="width: 100%;">查看详情</button>
                                </div>
                            </div>
                            <div class="main_content4-box">
                                <div class="main_content4-box_title">
                                    <p>小企业抵押贷</p>
                                    <div>
                                        其他信用抵押
                                    </div>
                                </div>
                                <div class="main_content4-box_bottom">
                                    <div class="main_content4-box_bankLogo">
                                        <div style="margin-bottom: 20px;font-size: 18px;font-weight: 600;">
                                            中国工商银行
                                        </div>
                                        <p style="margin-bottom: 15px;font-size: 20px;color: #285fcc;">10万元 - 1000万元
                                        </p>
                                        <p style="margin-bottom: 15px;color: #9093af;">贷款额度</p>
                                    </div>
                                    <div>
                                        <p style="margin-bottom: 15px;"><span>参考利率</span>3.55%-4.65%</p>
                                        <p style="margin-bottom: 15px;"><span>贷款期限</span>7天-365天</p>
                                    </div>
                                    <button type="button" class="layui-btn" style="width: 100%;">查看详情</button>
                                </div>
                            </div>
                        </div>
                        <div class="flex-center-center" style="margin-top: 30px;">
                            <button type="button" class="layui-btn layui-btn-radius">
                                查看更多<i class="layui-icon layui-icon-right"></i>
                            </button>
                        </div>
                    </div>
                    <div class="layui-tab-item">2</div>
                    <div class="layui-tab-item">3</div>
                    <div class="layui-tab-item">4</div>
                </div>
            </div>
        </div>
        <div class="main_content5">
            <h2>后背企业推荐</h2>
            <div class="flex-between">
                <div class="main_content5-left">
                    <img src="./image/home/headImg.png" style="width: 100%; height: 300px;">
                </div>
                <div class="main_content5-right">
                    <div class="main_content5-right-box">
                        <img src="./image/home/bankcard.png">
                    </div>
                    <div class="main_content5-right-box">
                        <img src="./image/home/bankcard.png">
                    </div>
                    <div class="main_content5-right-box">
                        <img src="./image/home/bankcard.png">
                    </div>
                    <div class="main_content5-right-box">
                        <img src="./image/home/bankcard.png">
                    </div>
                    <div class="main_content5-right-box">
                        <img src="./image/home/bankcard.png">
                    </div>
                    <div class="main_content5-right-box">
                        <img src="./image/home/bankcard.png">
                    </div>
                </div>
            </div>
        </div>
        <div class="main_content6">
            <h1>合作伙伴</h1>
            <div>
                <div class="main_content6-box flex-around-center">
                    <div class="main_content6-bank">招商银行</div>
                    <div class="main_content6-bank">中国银行</div>
                    <div class="main_content6-bank">交通银行</div>
                    <div class="main_content6-bank">平安银行</div>
                    <div class="main_content6-bank">交通银行</div>
                </div>
                <div class="main_content6-box flex-between-center">
                    <div class="main_content6-bank">中国银行</div>
                    <div class="main_content6-bank">交通银行</div>
                    <div class="main_content6-bank">平安银行</div>
                    <div class="main_content6-bank">交通银行</div>
                    <div class="main_content6-bank">招商银行</div>
                </div>
                <div class="main_content6-box-bottom flex-around-center">
                    <div class="main_content6-bank">招商银行</div>
                    <div class="main_content6-bank">中国银行</div>
                    <div class="main_content6-bank">交通银行</div>
                    <div class="main_content6-bank">平安银行</div>
                </div>
            </div>
            <div class="flex-center-center" style="margin-top: 0px;">
                <button type="button" class="layui-btn layui-btn-radius">
                    查看更多<i class="layui-icon layui-icon-right"></i>
                </button>
            </div>
            <div class="flex-between-center"
                style="padding: 20px 20px;background-color: #fff;font-size: 22px;margin-top: 50px;">
                <div>中华人民共和国科学技术部</div>
                <div>中华人民共和国科学技术部</div>
                <div>中华人民共和国科学技术部</div>
                <div>中华人民共和国科学技术部</div>
            </div>
        </div>
    </main>
    <footer>
        <div class="footer-box">
            <div class="footer-left flex-between">
                <p>帮助</p>
                <p>隐私</p>
                <p>条款</p>
            </div>
            <div class="footer-right flex-between">
                <p>copyright</p>
                <p>©ICP备案： 湘ICP备19020675号-1</p>
            </div>
        </div>
    </footer>
</body>
<script src="./layui/layui.js"></script>
<script>
    //触发
    layuiClick()

    //方法
    function layuiClick() {
        layui.use('carousel', function () {
            var carousel = layui.carousel;
            //建造实例
            carousel.render({
                elem: '#test1'
                , width: '100%' //设置容器宽度
                , height: '100px' //设置容器宽度
                // , arrow: 'always' //始终显示箭头
                //,anim: 'updown' //切换动画方式
            });
        });
    }
</script>
<style scoped>
    /* layui 样式结构调整 */
    .layui-carousel>[carousel-item]>* {
        background-color: #fff;
    }

    /* 内容2 li样式调整 */
    .main_content2 .layui-tab-title li {
        line-height: 80px;
        font-size: 18px;
    }

    /* 内容4 li样式调整 */
    .main_content4 .layui-tab-title li {
        line-height: 50px;
        font-size: 18px;
    }

    .layui-tab-title .layui-this:after {
        height: 80px;
        border-color: #fafafa;

    }

    .layui-tab-title {
        height: 80px;
        border-color: #fafafa;
    }

    .main_content4 .layui-tab-title .layui-this {
        border-bottom: 1px #000 solid;
    }

    .flex-warp-between {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    /* 页面 样式 */
    .head_top {
        width: 100%;
        height: 700px;
        background: url('./image/home/headImg.png') no-repeat;
        background-size: 100% 100%;
        color: #fff;
        position: relative;
    }

    .head_top-box {
        position: absolute;
        bottom: 0;
        background: linear-gradient(to bottom, #001A4D, #6a7387);
        width: 100%;
        padding: 15px 12%;
    }

    .head_top-box ul {
        display: flex;
        justify-content: space-between;
    }

    .head_top-box ul li {
        display: flex;
        align-items: center;
        color: #6b7588;
    }

    /* 内容1 */
    .main_content1 {
        padding: 40px 12%;
    }

    .main_content1_btn {
        width: 100%;
    }

    .main_content1_btn-box {
        width: 24%;
        height: 120px;
        padding: 20px 20px;
        background: url('./image/home/btnBGD.png') no-repeat;
        background-size: 100% 100%;
    }

    .main_content1_btn-box:hover {
        background: url('./image/home/btnCBGD.png') no-repeat;
        background-size: 100% 100%;
    }

    h1 {
        font-size: 40px;
        font-size: 25px;
        color: #3e4373;
    }

    h2 {
        font-size: 25px;
        color: #fff;
        text-align: center;
        margin: 20px 0 30px;
    }

    .main_content1_mid {
        display: flex;
        margin: 40px 0;
        padding: 25px 20px;
        background-color: #fff;
    }

    .main_content1_mid-right {
        width: 80%;
        font-size: 18px;
    }

    .main_content1_mid-right .content1_right-ul {
        display: flex;
        flex-wrap: wrap;
    }

    .main_content1_mid-right .content1_right-ul .disc {
        margin: 0 10px;
    }

    .main_content1_mid-right .content1_right-ul li {
        width: 50%;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
    }

    .main_content1_mid-right .content1_right-ul li span {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .main_content1_mid-right .content1_right-ul li p {
        padding: 0 10px;
        color: #8b8eab;
    }

    /* 内容2 */
    .main_content2 {
        padding: 40px 12%;
        height: 560px;
        display: flex;
        background-color: #fff;
    }

    .main_content2-left {
        width: 10%;
        display: flex;
        flex-direction: column;
    }

    .main_content2-left ul li {
        padding: 20px 15px;
    }


    .main_content2-right {
        width: 75%;

    }

    .main_content2-box {
        width: 48%;
        padding: 20px;
        margin-bottom: 10px;
        background-color: #fff;
        color: #3e4373;
    }

    .main_content2-box:hover {
        color: #fff;
        background-color: #4859f7;
    }

    .main_content2-box-left {
        width: 30%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .main_content2-box-right {
        width: 70%;
    }

    .main_content2-box-right div {
        font-size: 20px;
        font-weight: 600;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .main_content2-box-right p {
        margin-top: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    /* 内容3 */
    .main_content3 {
        padding: 60px 12%;
        background-color: #071133;
    }

    .main_content3-content {
        width: 49%;
        background: #0c2053;
        padding: 20px;
        color: #fff;
        margin-bottom: 2%;
    }

    .main_content3-content:hover {
        background: #4859f7;
    }

    /* 内容4 */
    .main_content4 {
        padding: 60px 12%;
        height: 650px;
        background-color: #fafafa;
    }

    .main_content4-box {
        width: 20%;
    }

    .main_content4-box_title {
        border: 2px #edeff4 solid;
        padding: 20px;
    }

    .main_content4-box_title p {
        font-size: 22px;
        color: #071133;
        margin: 5px 0;
    }

    .main_content4-box_title div {
        display: inline;
        background-color: #a9bdf0;
        color: #598aec;
        padding: 3px 4px;
        text-align: center;
        border-radius: 2px;
        font-size: 14px;
    }

    .main_content4-box_bottom {
        border: 2px #edeff4 solid;
        padding: 20px;
        border-top: 0px;
    }

    .main_content4-box_bankLogo {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    /* 内容5 */
    .main_content5 {
        padding: 60px 12%;
        background-color: #071133;
    }

    .main_content5-left {
        width: 43%;
    }

    .main_content5-right {
        width: 55%;
        display: flex;
        flex-wrap: wrap;
    }

    .main_content5-right-box {
        width: 33%;
        border: 1px #363d52 solid;
    }

    .main_content5-right-box img {
        width: 100%;
        height: 150px;
    }

    /* 内容6 */
    .main_content6 {
        padding: 60px 12% 0;
        background-color: #fafafa;
    }

    .main_content6-box .main_content6-bank {
        width: 17%;
        line-height: 45px;
        text-align: center;
        background-color: #efeff4;
        margin-bottom: 25px;
    }

    .main_content6-box-bottom .main_content6-bank {
        width: 22%;
        line-height: 45px;
        text-align: center;
        background-color: #efeff4;
        margin-bottom: 25px;
    }
</style>

</html>